<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Mr.J</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="shortcut icon" href="/juyongqiang/favicon.ico">
  <link rel="stylesheet" href="/juyongqiang/css/app.css">
  <!-- <link rel='stylesheet' href='http://fonts.useso.com/css?family=Source+Code+Pro'> -->
  
</head>

<body>
  <nav class="app-nav">
  
    
      <a href="/juyongqiang/.">home</a>
    
  
    
      <a href="/juyongqiang/archives">archive</a>
    
  
    
      <a href="/juyongqiang/about">about</a>
    
  
</nav>

  <header class="app-header">
  <section class="banner">
    <!-- http://daverupert.com/2015/12/intrinsic-placeholders-with-picture/ -->
    <div class="placeholder"></div>
    <img
      class="banner-small"
      data-src="/juyongqiang/images/banner-large.png"
      src="/juyongqiang/images/banner-small.png"
      alt="banner"
    >
  </section>

  <section class="description">
    <img class="avatar" src="/juyongqiang/images/avatar.jpg" alt="avatar" />
    <h1 class="title"> Mr.J </h1>
    <h3 class="subtitle"> welcome to my blog~ </h3>
  </section>

  <ul class="social-list">
    
    <a href="https://github.com/MrJGH">GitHub</a>
    
  </ul>
</header>

<main class="index">
  
    <article>
      <h1 class="article-title">
        <a href="/juyongqiang/2017/02/15/hello-world/">Hello World</a>
      </h1>

      <div class="article-entry">
        
      </div>

      <div class="article-meta">
        <span class="article-date">Feb 15 2017</span>
      </div>
    </article>
  

  <nav class="page-nav">
  <span class="page-number current">1</span>
</nav>

</main>

<footer class="app-footer">
  <p>
    by
    <a href="https://github.com/MrJGH">
      MR.J
    </a>
  </p>
  <p> Powered by <a href="https://hexo.io"> Hexo </a> <p>
</footer>

<script src="/juyongqiang/js/app.js"></script>

</body>
</html>
